<html  lang="cn" xmlns:th="http://www.thymeleaf.org">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
<title>智慧互联网村镇平台</title>
<script type="text/javascript" th:src="@{/js/Assets/jquery-1.8.3.min.js}"></script>
<link rel="stylesheet" type="text/css" th:href="@{/css/Assets/reset.css}"/>
<script type="text/javascript" th:src="@{/js/Assets/js_z.js}"></script>
<link rel="stylesheet" type="text/css" th:href="@{/js/plugins/FlexSlider/flexslider.css}">
<script type="text/javascript" th:src="@{/js/plugins/FlexSlider/jquery.flexslider.js}"></script>
<link rel="stylesheet" type="text/css" th:href="@{/css/Assets/thems.css}">
<link rel="stylesheet" type="text/css" th:href="@{/css/Assets/responsive.css}">
<script type="text/javascript" th:src="@{/js/shiro.js}"></script>
<script type="text/javascript" th:src="@{/js/libs/layer/layer.js}"></script>
<link rel="stylesheet" th:href="@{/css/layer/layer.css}" id="layui_layer_skinlayercss">
<script type="text/javascript">shiro.baseUrl = '[[@{/}]]'; </script>
<script language="javascript">
$(window).load(function() {
  $('.flexslider').flexslider({
	animation: "slide"
  });
});
</script>
<style>
	.box_m p img{
			display:block;
		    width: 520px !important;
    		height: 121px !important;
    		margin:0 auto;
	}
	.box_m p{
		    width: 520px !important;
		    font-size: 12px;
		    color: #333333;
		    line-height: 200%;
    		margin:0 auto;
	}
	
	.box_m{
		height:100%;
		overflow: hidden;   
	    whitewhite-space: nowrap;   
	    text-overflow: ellipsis; 
	}
	.des p{
		width:100% !important;
		height:79%;
		overflow:hidden; 
		text-overflow:ellipsis;
		display:-webkit-box; 
		-webkit-box-orient:vertical;
		-webkit-line-clamp:2; 
		
	}
	.box_m ul li a p{
		width:430px !important;
	}
	.head .nav .hover:hover a{
		background:#D9D9D9;
		color:#000;
	}
</style>
</head>

<body>
<!--头部-->
<div class="header">
    <div class="head clearfix">
        <div class="logo"><img th:src="@{/images/Assets/logo.png}" alt=""/></div>
        <div class="nav_m">
            <div class="n_icon">导航栏</div>
            <ul class="nav clearfix">
                <li class="now"><a th:href="@{/client/index/main}">首页</a></li>
                <li><a th:href="@{/client/town/list}">新农村</a></li>
                <li><a th:href="@{/client/goods/list}">一村一品</a></li>
                <li><a th:href="@{/client/hotel/list}">休闲农庄</a></li>
                <li><a th:href="@{/client/insurance/list}">农牧保险</a></li>
                <li><a th:href="@{/client/suggestion/list}">村委信箱</a></li>
                <li  th:if="${telphone==null || telphone=='' ||session.TOWN_SESSION_USER_TYPE =='ADMIN'}" >
                	<a th:href="'javascript:login();'">登录/注册</a>
                </li>
                <li class="hover" th:if="${telphone!=null && telphone!='' && session.TOWN_SESSION_USER_TYPE =='CLIENT' }"  >
                	<a  th:text="${telphone}"></a>
                </li>
                <li th:if="${telphone!=null && telphone!='' && session.TOWN_SESSION_USER_TYPE =='CLIENT'}">
                	<a th:href="'javascript:loginOut();'">退出</a>
                </li>
            </ul>
        </div>
    </div>
</div>
<!--头部-->
<!--幻灯片-->
<div class="banner">
	<div class="slider">
        <div class="flexslider">
          <ul class="slides" style="height:340px">
            <li style="height:340px" th:each="images:${imageslist}"><img th:src="${images}" style="height:100%" alt="" /></li>
          </ul>
        </div>
    </div>
</div>
<!--幻灯片-->
<div class="space_hx">&nbsp;</div>
<div class="i_main">
	<div class="bg_a">&nbsp;</div>
    <div class="i_m">
    	<div class="i_mb clearfix">
        	<div class="i_mbm">
            	<div class="bg_b">&nbsp;</div>
                <div class="b_m b_mr">
                	<div class="box_h"><span>新农村<em>/Countryside</em></span><a th:href="@{/client/town/list}" class="more">+MORE</a></div>
                    <div class="box_m"  th:utext="${townInfo.content}">
                    	
                    </div>
                </div>
            </div>
            <div class="i_mbm">
            	<div class="bg_b">&nbsp;</div>
                <div class="b_m b_ml">
                	<div class="box_h"><span>一村一品<em>/Goods</em></span><a th:href="@{/client/goods/list}" class="more">+MORE</a></div>
                    <div class="box_m">
                    	<dl class="clearfix">
                        	<dt><a><img th:src="${goodsInfo.thumbnail}" alt=""/></a></dt>
                            <dd>
                            	<div class="title"><a th:text="${goodsInfo.title}"></a></div>
                                <div class="des">
                                	<a th:href="@{'/client/goods/detail/' + ${goodsInfo?.goodsId}}"><p th:utext="${goodsInfo.content}"></p></a>
                                    <span th:text="${goodsInfo.createDate}"></span>
                                </div>
                            </dd>
                        </dl>
                        <ul>
                        	<li th:each="goods:${goodsInfoList}">
                            	<a th:href="@{'/client/goods/detail/' + ${goods?.goodsId}}">
                                	<p th:utext="${goods.content}"></p>
                                    <em th:text="${goods.createDate}"></em>
                                </a>
                            </li>
                         </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="i_mb clearfix">
        	<div class="i_mbm">
            	<div class="bg_b">&nbsp;</div>
                <div class="b_m b_ml">
                	<div class="box_h"><span>休闲农庄<em>/Relax</em></span><a th:href="@{/client/hotel/list}" class="more">+MORE</a></div>
                    <div class="box_m">
                    	<dl class="clearfix">
                        	<dt><a><img th:src="${hotelInfo.thumbnail}" alt=""/></a></dt>
                            <dd>
                            	<div class="title"><a  th:text="${hotelInfo.title}"></a></div>
                                <div class="des">
                                	<a th:href="@{'/client/hotel/detail/' + ${hotelInfo?.hotelId}}"><p th:text="${hotelInfo.content}"></p></a>
                                    <span th:text="${hotelInfo.createDate}"></span>
                                </div>
                            </dd>
                        </dl>
                        <ul>
                        	<li th:each="hotel:${hotelInfoList}">
                            	<a th:href="@{'/client/hotel/detail/' + ${hotel?.hotelId}}">
                                	<p th:utext="${hotel.content}"></p>
                                    <em th:text="${hotel.createDate}"></em>
                                </a>
                            </li>
                         </ul>
                    </div>
                </div>
            </div>
            <div class="i_mbm clearfix">
            	<div class="bg_b">&nbsp;</div>
                <div class="b_m b_ml">
                	<div class="box_h"><span>农牧保险<em>/Insurance</em></span><a th:href="@{/client/insurance/list}" class="more">+MORE</a></div>
                    <div class="box_m">
                    	<dl class="clearfix">
                        	<dt><a><img th:src="${insuranceInfo.thumbnail}" alt=""/></a></dt>
                            <dd>
                            	<div class="title"><a th:text="${insuranceInfo.title}"></a></div>
                                <div class="des">
                                	<a th:href="@{'/client/insurance/detail/' + ${insuranceInfo?.insuranceId}}"><p th:utext="${insuranceInfo.content}"></p></a>
                                    <span th:text="${insuranceInfo.createDate}"></span>
                                </div>
                            </dd>
                        </dl>
                        <ul>
                        	<li th:each="insurance:${insuranceList}">
                            	<a th:href="@{'/client/insurance/detail/' + ${insurance?.insuranceId}}">
                                	<p  th:utext="${insurance.content}"></p>
                                    <em th:text="${insurance.createDate}"></em>
                                </a>
                            </li>
                         </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="space_hx">&nbsp;</div>
<div class="f_bg">
	<div class="foot">
    	<p>增值电信业务经营许可证 粤B-2-4-20100005  粤ICP备 05012706号   版权所有：深圳市正海实业有限公司 客服电话400-6666-8888</p>
        <p>Copyright © 2015 www.zhenghaishiye.com. All Rights Reserved</p>
    </div>
</div>
<script type="text/javascript">
	function login(){
		layer.open({
			type: 2,
			shadeClose :true,
			offset: ['100px'],
			area: ['402px', '290px'],
			title: false,
			content: [shiro.baseUrl + '/client/login/tologin','no'],
			success: function(layero) {
                layero.css('overflow', 'hidden	');
            }
		});
	}
	function loginOut(){
		layer.msg('确定退出登录？', {
	        time: 0,
	        offset: ['250px'],
	        btn: ['确定', '取消'],
	        yes: function(index){
	            layer.close(index);
	            window.location.href = shiro.baseUrl + "/client/login/loginOut";
	        }
	    });
	}
</script>
</body>
</html>
